<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, viewport-fit=cover" />
    <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' data: gap: https://ssl.gstatic.com 'unsafe-eval' blob:; style-src * 'unsafe-inline'; media-src *;" />
    <meta name="description" content="Electricity Maps is a live 24/7 visualization of where your electricity comes from and how much CO2 was emitted to produce it." />
    <meta property="og:description" content="Electricity Maps is a live 24/7 visualization of where your electricity comes from and how much CO2 was emitted to produce it." />
    <meta property="og:image" content="https://app.electricitymaps.com/images/social_image.png" />
    <meta property="og:title" content="Live 24/7 CO₂ emissions of electricity consumption" />
    <meta property="og:type" content="website" />
    <!-- It's important to keep the old og:url, else likes will not accumulate properly -->
    <meta property="og:url" content="http://electricitymap.tmrow.co" />
    <meta property="fb:app_id" content="1267173759989113" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:creator" content="@electricitymaps" />
    <meta name="twitter:description" content="Electricity Maps is a live 24/7 visualization of where your electricity comes from and how much CO2 was emitted to produce it." />
    <meta name="twitter:image" content="https://app.electricitymaps.com/images/social_image.png" />
    <meta name="twitter:site" content="@ElectricityMaps" />
    <meta name="twitter:title" content="@ElectricityMaps | Live 24/7 CO2 emissions of electricity consumption" />

    <base href="/" />

    <!-- Visual identity -->
    <meta name="theme-color" content="#FAFAFA" media="(prefers-color-scheme: light)" />
    <meta name="theme-color" content="#33414A" media="(prefers-color-scheme: dark)" />
    <link rel="icon" href="/icons/favicon.svg" />
    <link rel="mask-icon" href="/icons/favicon.svg" color="#000000" />
    <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png" />

    <!-- Mobile linking -->
    <link rel="alternate" href="android-app://com.tmrow.electricitymap/https/app.electricitymaps.com" />
    <link rel="alternate" href="android-app://com.tmrow.electricitymap/http/app.electricitymaps.com" />
    <link rel="alternate" href="ios-app://1224594248/https/app.electricitymaps.com" />
    <link rel="alternate" href="ios-app://1224594248/http/app.electricitymaps.com" />

    <!-- Language -->
    <meta property="og:locale:alternate" content="cs_CZ" />
    <meta property="og:locale:alternate" content="da_DK" />
    <meta property="og:locale:alternate" content="de_DE" />
    <meta property="og:locale:alternate" content="el_GR" />
    <meta property="og:locale:alternate" content="en_US" />
    <meta property="og:locale:alternate" content="es_ES" />
    <meta property="og:locale:alternate" content="et_EE" />
    <meta property="og:locale:alternate" content="fi_FI" />
    <meta property="og:locale:alternate" content="fr_FR" />
    <meta property="og:locale:alternate" content="hr_HR" />
    <meta property="og:locale:alternate" content="id_ID" />
    <meta property="og:locale:alternate" content="it_IT" />
    <meta property="og:locale:alternate" content="ja_JP" />
    <meta property="og:locale:alternate" content="ko_KR" />
    <meta property="og:locale:alternate" content="nl_NL" />
    <meta property="og:locale:alternate" content="no_NB" />
    <meta property="og:locale:alternate" content="no_NB" />
    <meta property="og:locale:alternate" content="pl_PL" />
    <meta property="og:locale:alternate" content="pt_BR" />
    <meta property="og:locale:alternate" content="pt_PT" />
    <meta property="og:locale:alternate" content="ro_RO" />
    <meta property="og:locale:alternate" content="ru_RU" />
    <meta property="og:locale:alternate" content="sk_SK" />
    <meta property="og:locale:alternate" content="sl_SI" />
    <meta property="og:locale:alternate" content="sv_SE" />
    <meta property="og:locale:alternate" content="vi_VN" />
    <meta property="og:locale:alternate" content="zh_CN" />
    <meta property="og:locale:alternate" content="zh_TW" />
    <link rel="alternate" href="https://app.electricitymaps.com" hreflang="x-default" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=cs" hreflang="cs" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=da" hreflang="da" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=de" hreflang="de" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=el" hreflang="el" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=en" hreflang="en" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=es" hreflang="es" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=et" hreflang="et" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=fi" hreflang="fi" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=fr" hreflang="fr" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=hr" hreflang="hr" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=id" hreflang="id" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=it" hreflang="it" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=ja" hreflang="ja" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=ko" hreflang="ko" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=nl" hreflang="nl" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=no" hreflang="no" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=no-NB" hreflang="no-NB" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=pl" hreflang="pl" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=pt-BR" hreflang="pt-BR" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=pt-PT" hreflang="pt-PT" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=ro" hreflang="ro" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=ru" hreflang="ru" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=sk" hreflang="sk" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=sl" hreflang="sl" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=sv" hreflang="sv" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=vi" hreflang="vi" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=zh-CN" hreflang="zh-CN" />
    <link rel="alternate" href="https://app.electricitymaps.com?lang=zh-TW" hreflang="zh-TW" />

    <!-- Pre-connect to backend to improve performance -->
    <link rel="preconnect" href="https://app-backend.electricitymaps.com/" />
    <link rel="preconnect" href="https://o192958.ingest.sentry.io" />
    <link rel="preconnect" href="https://plausible.io" />
    <link rel="preconnect" href="https://yo.electricitymaps.com" />
    <!-- Preload font files to improve performance-->
    <link rel="preload" href="/fonts/Poppins-Medium.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="/fonts/Inter.var.woff2" as="font" type="font/woff2" crossorigin />
    <!-- Plausible -->
    <script defer data-domain="app.electricitymaps.com" src="https://plausible.io/js/plausible.local.js"></script>
    <!-- Polyfill for .at() -->
    <script>
      if (![].at) {
        Array.prototype.at = function (n) {
          console.debug('Running .at with', n);
          // ToInteger() abstract op
          n = Math.trunc(n) || 0;
          // Allow negative indexing from the end
          if (n < 0) {
            n += this.length;
          }
          // OOB access is guaranteed to return undefined
          if (n < 0 || n >= this.length) {
            return undefined;
          }
          // Otherwise, this is just normal property access
          return this[n];
        };
      }
      // On page load or when changing themes, best to add inline in `head` to avoid FOUC
      if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
        document.documentElement.classList.add('dark');
      } else {
        document.documentElement.classList.remove('dark');
      }
    </script>
    <!-- Google Tag Manager -->
    <script>
      window.dataLayer = window.dataLayer || [];
    </script>
    <script>
      (function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', 'GTM-P2QJ3KDQ');
    </script>
    <!-- End Google Tag Manager -->

    <!-- CookieYes Banner -->
    <script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/e8dc92a5b54e1aaf957f6897/script.js"></script>
    <!-- End CookieYes banner -->

    <script type="module" src="/src/main.tsx"></script>
  </head>
  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P2QJ3KDQ" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <noscript>
      <img src="/images/electricity-maps-logo.svg" alt="Electricity Maps logo" />
      <div>
        <h1>JavaScript required!</h1>
        <p>For the Electricity Maps app to function properly JavaScript is required, please enable it to continue using the app.</p>
      </div>
    </noscript>
    <div id="root"></div>
  </body>
</html>
